.@charset "UTF-8";
body{overflow-x: hidden;overflow-y: auto;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei","宋体", "Arial"; color: #333333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl,.left{float: left;}
.fr,.right{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon1{background: url(../images/icon1.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon2{background: url(../images/icon2.png) no-repeat; display: inline-block; vertical-align: middle;}
.iconp{background:url(../images/iconp.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;cursor:pointer;}
a:hover{color: #003e92; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.head_main_top{height: 30px;width: 100%;background-color: #fff;font-size: 12px;line-height: 30px;color: #333;border-top: 5px solid #003e92;border-bottom:#dddddd solid 1px;}
.head_main a{color: #333; font-size: 12px;}
.head_main_top li{padding: 0 8px;display: inline-block;}
.head_main_top li i.qy{display:inline-block; width:16px; height:16px; background-position:-238px -231px; margin-right:4px;}
.head_main_top li i.zx{display:inline-block; width:16px; height:18px; background-position:-262px -231px;margin-right:4px;}
.head_main_top li i.lx{display:inline-block; width:12px; height:16px; background-position:-282px -231px;margin-right:4px;}
.head_main_top a:hover{color:#003e92;}
/*header_main*/
.header_main{position:relative;width: 100%;background: #fbfbfb;min-width:1200px;z-index:22;}
.header_main .header_logo{height: 120px;background-color:#fbfbfb;}
.header_main .logo{display: block;padding-top: 20px;}
.header_main .logo img{width: 100%;height: 100%;display: block;}
.header_main .ewm{width:76px; text-align:center; margin-top:15px; margin-left:54px;}
.header_main .ewm{width:76px; height:76px; display:inline-block;}
.header_main .ewm i{display:block; padding-left:4px; font-size:12px;line-height: 12px;}
.header_main .dhua{width: 280px;margin-top: 10px;margin-right: 60px;}
.header_main .dhua b{background-position:-274px -173px; width:26px; height:52px; float:left; margin-top:20px; display:block;}
.header_main .dhua p{float:right;font-size:16px;color:#999999;display:block;padding-top:16px;}
.header_main .dhua p span{display:block;font-size: 30px;color:#c50501;line-height:24px;font-weight:bold;}
/*搜索框*/
.header_main .search_main{width: 296px;height: 40px;overflow: hidden;border: #003e92 solid 1px;background-color:#fff;position:relative;margin-top: 40px;border-right:0;border-radius:2px;}
.header_main .search_main input{background-color: none; border: none;}
.header_main .search_main .stxt{width: 236px;height: 40px;line-height: 40px;display: block;text-indent: 10px;color:#999;}
.header_main .search_main .sbtn{width:60px;height: 40px;font-size: 16px;text-align: center;color: #fff;display: block;cursor: pointer;position:absolute;top:0;right:0;background: #003e92;}
.nav_main{position:relative;z-index:9; background-color:#003e92; width:100%;}
.nav{height:60px;position: relative;width:1200px;margin:0 auto;}
.nav .list{/*width: 106%;*/ text-align: left;}
.nav li{float:left;width: 150px;display: block;position: relative;z-index: 10;height: 60px;}
.nav li a{font-size:16px;text-align: center;height:60px;line-height: 60px;cursor: pointer;display: block;position: relative;overflow: hidden;color:#fff;}
.nav li.hover a,.nav li:hover a{background-color:#d20a05;}
#nav .subnav{position:absolute;width:100%;top:60px;left:0px;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);opacity: 0;visibility: hidden;-webkit-transform: translate3d(0, 10px, 0); text-align:center;overflow: hidden;z-index: 199;}
#nav li:hover .subnav{opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align: center;}
.nav .subnav .nav2{width:100%;}
.nav .subnav .nav2 li{display:block;width:100%;font-size:14px;line-height: 38px;background:none;height: 38px;border-bottom:#dddddd solid 1px;background-color:#fff;}
.nav li.tnav6{padding-right:0; background:none;}
.nav .subnav .nav2 li a{display:block;width:100%;height: 38px;font-size: 13px;line-height: 38px;color:#333;padding:0;}
.nav li.hover li a,.nav li:hover li a{background-color:#fff;}
.nav .subnav .nav2 li:hover a{color:#003e92;background-color:#f0f0f0;}
/* banner */
#banner_main{overflow:hidden;position: relative;max-width:1920px;margin:0 auto;min-width:1200px;}
#banner_main .banner{height: 550px;}
#banner{width:100%;min-width:1300px;position:relative;overflow:hidden;}
#banner, .banner ul{width:100%;overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:40px;z-index:13;}
#banner .tip span{width:50px;height:10px;margin:0 12px;display:inline-block;font-size: 0;cursor: pointer;background-color:#a2a7ac;transition: all .5s;}
#banner .tip span.cur{background-color:#003e92;}
#banner #btn_prev,#banner #btn_next{width:50px;height:50px;position:absolute;top: 50%;margin-top: -25px;z-index:5;display: none;transition: all 0s;}
#banner #btn_prev{background-position:-54px -0px;left:8%;}
#banner #btn_next{background-position:-106px -0px;right:8%;}
#banner #btn_prev:hover{opacity:.8;filter:alpha(opacity=80);background-position:-0px -0px;}
#banner #btn_next:hover{opacity:.8;filter:alpha(opacity=80);background-position:-160px -0px;}
/*搜索栏*/
.search_main{height: 60px;width:100%;overflow:hidden;background: #003e92;}
.search_main .skey{float:left;line-height: 60px;}
.search_main .skey p{font-size: 14px;font-weight: bold;color: #fff;line-height: 60px;}
.search_main .skey p a{display:inline-block;font-weight: normal;color: #fff;border-right: 1px solid #88b0e7;line-height: 15px;padding:0 12px;}
.search_main .skey p a:last-of-type{border-right:none;}
.search_main .skey p a:hover{color: #d20a05;}
.search_main .search_form{float:right;width: 285px;height: 30px;overflow: hidden;border: 1px solid #e8e8e8;background-color:#fff;position:relative;margin-top: 14px;border-radius: 3px;position:relative;}
.search_main .search_form input{background-color: none;border: none;outline: none;}
.search_main .search_form .stxt{width:245px;height: 30px;line-height: 28px;display: block;text-indent: 10px;color:#999;}
.search_main .search_form .sbtn{width: 40px;height: 30px;display: block;cursor: pointer;position:absolute;top: 0;right: 0;font-size: 0;background: #003e92 url(../images/search.png) center no-repeat;border-radius: 3px;}
/*footer*/
.footer{width: 100%;color: #fff;padding-bottom: 50px;background: #222;}
.footer .links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #444444;}
.footer .links span{color: #fff;display:inline-block;}
.footer .links a{display:inline-block;font-size: 14px;color: #999;padding-right: 10px;}
.footer .links a:hover{opacity: 0.8;filter: alpha(opacity=80);}
.footer .bNav{width: 558px;height: 180px;margin-top:68px;border-right:#444444 solid 1px;}
.footer .di_logo img{width:111px; height:111px; background-size:100%;}
.footer .bNav dl{display:inline-block;float:left;width: 139px;overflow:hidden;text-align:left;padding-top:10px;}
.footer .bNav dl dt{height:16px; display:block; padding-bottom:32px;}
.footer .bNav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;}
.footer .bNav dl dd{display:block; height:14px; padding-bottom:16px;}
.footer .bNav dl dd a{display:block; font-size:14px; color:#999; line-height:14px;}
.footer .bNav dl dd a:hover{color:#fff;}
.footer .ewm{text-align:center;margin-left: 45px;margin-top: 78px;}
.footer .ewm dl{width:130px;float:left; display:block; margin-right:30px; height:164px;}
.footer .ewm dl:nth-child(2){margin-right:0px;}
.footer .ewm dl:first-child+dl{margin-right:0px;}
.footer .ewm dl dt{width:130px; height:130px; background-color:#fff; text-align:center;}
.footer .ewm dl dt img{width:120px; height:120px; display:inline-block; background-size:100%; margin-top:5px;}
.footer .ewm dl dd{font-size:14px; color:#666; line-height:24px; padding-top:10px;}
.footer .contact_info{width: 350px;height: 180px;margin-left:80px;border-right:#444444 solid 1px;margin-top:68px;}
.footer .contact_info p.p1{font-size:14px; color:#ccc; line-height:14px; padding-top:10px;}
.footer .contact_info p.dh{font-size:36px; color:#ccc; font-family:"Arial"; line-height:36px; padding-top: 4px; font-weight:bold; padding-bottom:12px;}
.footer .contact_info h3{font-size:20px; padding-top:8px;}
.footer .contact_info p.tel{font-size:14px;color:#666;line-height:22px;width: 250px;}
.footer .contact_info i{display:block; padding-top:8px; font-size:14px; color:#fff;}
.footer .contact_info i a{display:inline-block; color:#fff; padding-right:12px;}
/*copyright*/
.copyright{height:80px; line-height:80px; color: #666; font-size: 12px; background: #111111;}
.copyright span{margin: 0 6px;}
.copyright a{color: #666; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.copyright a:hover{color: #fff;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #003e92;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #003e92;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #003e92;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #003e92;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #003e92;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
/*******index css*******/
/*首页标题*/
.index .in_title{padding-top:50px;height: 95px;text-align: center;padding-bottom: 30px;}
.index .in_title h3{font-size: 36px; text-align: center; color: #003e92; letter-spacing: 7px; line-height: 45px;}
.index .in_title p{font-size: 18px; font-family: -webkit-pictograph; padding-bottom: 10px; text-align: center; background: url(../images/x.jpg) no-repeat center bottom; text-transform: uppercase; height: 30px; line-height: 30px; letter-spacing: 5px; color: #555555;}
/*产品中心*/
.index .product{overflow: hidden;width: 100%;background: rgba(6, 163, 232, 0.05);padding-bottom:50px;}
.index .product .in_title{padding-top: 30px;}
.index .product .pro_left{float: left;width: 240px;}
.index .product .pro_left .pro_tit{padding: 24px 0;background: #003e92;font-size: 20px;color: #fff;text-align: center;}
.index .product .pro_left .pro_tit a{color: #FFFFFF; text-align: center; font-size: 23px;}
.index .product .pro_left ul{padding: 10px;padding-bottom: 0;border: 1px solid #E0E0E0;border-top: 0;overflow: hidden;background: #fff;}
.index .product .pro_left ul li{background: #f6f6f6 url(../images/flbj.png) 190px center no-repeat;color: #FFF;width: 218px;margin-bottom: 10px;overflow: hidden;transition: all .5s;}
.index .product .pro_left ul li a{height: 40px;padding-left: 20px;letter-spacing: 1px;padding-right: 26px;border: 1px solid #b7c5ce;display: block;color: #666666;font-size: 14px;line-height: 40px;}
.index .product .pro_left ul li:hover a{color:#fff;}
.index .product .pro_left ul li:hover{background-color: #003e92;}
.index .product .pro_left .contactn{margin-top: 10px;}
.index .product .pro_left .contactn .tit{font-size: 20px;line-height: 55px;text-align: center;background: #003e92;padding: 0 18px;color: #fff;}
.index .product .pro_left .contactn .tit a{color: #fff;}
.index .product .pro_left .contactn .con{background: #fff; border: 1px solid #E0E0E0; border-top: 0; overflow: hidden; padding: 5px 14px 10px 14px; width: 210px;}
.index .product .pro_left .contactn .con img{width:210px;height:90px;margin: 10px 0;}
.index .product .pro_left .contactn .con p{line-height: 27px;overflow: hidden;font-size: 14px;color:#333333;}
.index .product .pro_left .contactn .con p b{color: #003e92;}
.index .product .con_right{width: 940px;float: right;}
.index .product .con_right ul li{width1: 301px;  width: 301px; margin-right: 15px;margin-bottom: 15px;border: 1px solid #E0E0E0;float: left;background-color: #fff;transition: all .5s;}
.index .product .con_right ul li:nth-child(3n){margin-right: 0;}
.index .product .con_right ul li .pic{margin: 2px;overflow: hidden;}
.index .product .con_right ul li img{width1: 297px;height1: 222px;  width: 297px;height: 327px; transition: all 1s;}
.index .product .con_right ul li a:hover img{transform: scale(1.2);}
.index .product .con_right ul li p{display: block;height: 39px;line-height: 39px;text-align: center;font-size: 15px;overflow: hidden;transition: all .5s;border-top: 1px solid #E0E0E0;}
.index .product .con_right ul li:hover a{color: #ffffff;text-decoration: none;}
.index .product .con_right ul li:hover p{color: #fff;border-top-color: #003e92;}
.index .product .con_right ul li:hover{background-color: #003e92;transform: translateY(-5px);}
/*四大优势*/
.index .ys_wrap{position: relative;background: url(../images/ys_bbg.png) no-repeat center top;color:#333;padding-top:20px;height: 980px;top: -22px;}
.index .ys_wrap .ys_tit{text-align:center;}
.index .ys_wrap .ys_con{position:relative;}
.index .ys_wrap .ys_con .ys_text{overflow:hidden;margin-top:30px;}
.index .ys_wrap .ys_con .ys_text .ys_1_2{margin:100px 0 0 30px;}
.index .ys_wrap .ys_con .ys_text .ys_3_4{margin-top:0px;}
.index .ys_wrap .ys_con ul{background:url(../images/ys_list.png) no-repeat left top;padding-left:47px;margin-bottom:20px;}
.index .ys_wrap .ys_con .ys_text .ys_1_2 ul.ys_1{margin-left:80px;}
.index .ys_wrap .ys_con .ys_text .ys_1_2 ul.ys_2{background:url(../images/ys_list.png) no-repeat left -222px;}
.index .ys_wrap .ys_con .ys_text .ys_3_4 ul.ys_3{background:url(../images/ys_list.png) no-repeat left -443px;}
.index .ys_wrap .ys_con .ys_text .ys_3_4 ul.ys_4{background:url(../images/ys_list.png) no-repeat left -665px;}
.index .ys_wrap .ys_con ul li{color: #003e92;font-size: 22px;font-weight: bold;border-bottom:1px #aaa8a9 dashed;margin-bottom:15px;padding-bottom:13px;display:inline-block;}
.index .ys_wrap .ys_con ul p{font-size:16px;width:570px;line-height:30px;color:#545454;}
.index .ys_wrap .ys_con .ys_text .ys_1_img{background:url(../images/ys_01_img.png) no-repeat top;width:431px;height:361px;margin-top:50px;}
.index .ys_wrap .ys_con .ys_text .ys_2_img{background:url(../images/ys_02_img.png) no-repeat top;width:450px;height:361px;}
/*关于我们*/
.index .about{background: url(../images/bg01.jpg) no-repeat center; margin-top: 15px;background-attachment: fixed; overflow: hidden;}
.index .about .w1200{background: #FFF;margin: 100px auto;padding: 50px;box-sizing: border-box;overflow: hidden;}
.index .about .in_title{padding-top: 0;margin-bottom: 30px;}
.index .about .about_img{width: 460px;height: 310px;margin-right: 30px;}
.index .about .about_img img{width: 100%;height: 100%;}
.index .about .about_text{position: relative;width: 610px;height: 310px;}
.index .about .about_text p{text-indent: 2em;color: #555;font-size: 14px;line-height: 28px;height: 252px;text-align: justify;overflow: hidden;}
.index .about .about_text a{position: absolute;right: 0;bottom: 0;display: block;width: 120px;height: 35px;color: #fff;line-height: 35px;background: #003e92;text-align: center;} /*优势*/
/*工程案例*/
.index .floor_4_main{width:100%;clear:left;display:block;background:url(../images/a7_02.jpg) center center no-repeat;padding-bottom: 50px;}
.index .floor_4_2{width:1200px;margin-top: 20px;}
.index .floor_4_2 .bd{height:446px;width:1200px;overflow:hidden;}
.index .floor_4_2 .bd ul{display:inline-block;position:relative;height:446px; width:1200px;}
.index .floor_4_2 .bd ul li{width:284px; height:213px; position:relative;}
.index .floor_4_2 .bd ul li dt{width:284px; height:213px;}
.index .floor_4_2 .bd ul li dt img{width:284px; height:213px; background-size:100%;}
.index .floor_4_2 .bd ul li dt p{background:url(../images/a17_06.png); width:100%; height:65px; position:absolute; bottom:0; left:0;transition: all .6s ease 0s;}
.index .floor_4_2 .bd ul li dt p span{line-height:65px; padding-left:20px; float:left; color:#fff; font-size:16px;}
.index .floor_4_2 .bd ul li dt i{display:block; float:right; width:26px; height:26px; background-position:-197px -264px;margin-top: 20px;margin-right: 20px;}
.index .floor_4_2 .bd ul li dd{background:url(../images/a17_03.png);width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;transition: all .6s ease 0s;opacity: 0;visibility: hidden;transform: scale(0.2);-webkit-transform: scale(0.2);-moz-transform: scale(0.2);-o-transform: scale(0.2);}
.index .floor_4_2 .bd ul li dd i{display:inline-block; width:40px; height:40px; background-position:-140px -257px; margin-top:70px;}
.index .floor_4_2 .bd ul li dd p{font-size:18px; font-weight:bold; color:#fff; padding-top:18px;}
.index .floor_4_2 .bd ul li:hover dd{opacity: 1;visibility: visible;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}
.index .floor_4_2 .bd ul li:hover dt p{opacity: 0;visibility: hidden;}
.index .floor_4_2 .bd ul li.li1{position:absolute; left:0; top:0;}
.index .floor_4_2 .bd ul li.li2{position:absolute; left:302px; top:0;}
.index .floor_4_2 .bd ul li.li3{position:absolute; right:0; top:0;}
.index .floor_4_2 .bd ul li.li4{position:absolute; left:0; top:231px;}
.index .floor_4_2 .bd ul li.li5{position:absolute; right:0; top:231px;}
.index .floor_4_2 .bd ul li.li2{width:592px; height:445px;}
.index .floor_4_2 .bd ul li.li2 dt{width:592px; height:445px;}
.index .floor_4_2 .bd ul li.li2 dt img{width:592px; height:445px;}
.index .floor_4_2 .bd ul li.li2 dd i{margin-top:180px;}
.index .floor_4_4{margin-top: 50px;height: 55px;overflow: hidden;display: block;}
.index .floor_4_4 a{display: block; width: 252px; height: 51px; background-color: #003e92; border: #003e92 solid 2px; border-radius: 5px; text-align: center; line-height: 51px; font-size: 18px; color: #fff; margin: 0 auto;}
.index .floor_4_4 a:hover{display: block;width: 252px;height: 51px;background-color: #d20a05;border: #d20a05 solid 2px;border-radius: 5px ;text-align: center;line-height: 51px;font-size: 18px;color: #fff;}
/*小banner*/
.index .floor_5_main{width: 100%;height: 200px;background: url(../images/a18_02.jpg) center center no-repeat;}
.index .floor_5_main p{float: left; padding-top: 50px; font-size: 30px; color: #353535; line-height: 36px; width: 175px;}
.index .floor_5_main p.p001{margin-left: 190px; margin-top: 21px;}
.index .floor_5_main p.p002{margin-left: 122px; margin-top: 21px;}
.index .floor_5_main p span{font-size: 16px; color: #353535; line-height: 20px; padding-top: 1px; display: block; padding-left: 5px;}
.index .floor_5_main p b{display: block;width: 70px;height: 2px;background-color: #d20a05;margin-top: 18px;}
.index .floor_5_main dl{float: right;width: 450px;padding-top: 38px;}
.index .floor_5_main dl dt{float: left;width: 300px;}
.index .floor_5_main dl dt i{width: 216px;height: 50px;display: block;background-position: 0px -35px;padding-left: 84px;font-size: 26px;color: #fff;font-family: "Arial";font-weight: bold;line-height: 50px;}
.index .floor_5_main dl dt span{width: 250px;height: 50px;display: block;background-position: -325px -35px;padding-left: 50px;font-size: 20px;color: #fff;line-height: 50px;margin-top: 20px;}
.index .floor_5_main dl dd{float: right;width: 121px;height: 121px;background-color: #fff;text-align: center;}
.index .floor_5_main dl dd img{width: 111px;height: 111px;background-size: 100%;margin-top: 5px;}
/*热门产品*/
.index #floor_4_main{padding-bottom: 45px;}
.index #floor_4_main .floor_4{}
.index #floor_4_main .proCase{position:relative;}
.index #floor_4_main .proCase .list{width: 100%;}
.index #floor_4_main .proCase .list li{float: left;width: 285px;margin-right: 16px;overflow: hidden;margin-bottom: 20px;border: 1px #ccc solid;border-radius: 8px;margin-top: 20px;transition: all .5s;}
.index #floor_4_main .proCase .list li a{display: block;}
.index #floor_4_main .proCase .list li img{display: block;width: 100%;height: 214px;}
.index #floor_4_main .proCase .list li h3{color: #666;font-size: 16px;line-height: 40px;text-align: center;border-top: 1px #ccc dashed;transition: all .5s;}
.index #floor_4_main .proCase .list li:hover{transform:translateY(-10px);}
.index #floor_4_main .proCase .list li:hover h3{color: #fff;background:#003e92;}
.index #floor_4_main .proCase .hd{position:absolute;width:100%;text-align: center;}
.index #floor_4_main .proCase .hd .prev{width: 50px;height: 50px;background-position: 0px -66px;cursor: pointer;position: absolute;top: -173px;left: -80px;}
.index #floor_4_main .proCase .hd .next{width: 50px;height: 50px;background-position: -56px -66px;cursor: pointer;position: absolute;top: -173px;right: -80px;}
.index #floor_4_main .proCase .hd ul{margin-top: 30px;}
.index #floor_4_main .proCase .hd ul li{display: inline-block;vertical-align: middle;width: 20px;height: 7px;background: #ccc;margin: 0 5px;font-size: 0;text-indent: -99999px;cursor: pointer;transition: all .5s;}
.index #floor_4_main .proCase .hd ul li.on{background: #d20a05;}
/*新闻中心*/
.index .floor_8_main{margin-top:50px; height:670px; background-color:#f8f8f8;}
.index .floor_8_1{width:1200px; overflow:hidden; display:inline-block;}
.index .floor_8_z{float:left;width:390px;height: 547px;background-color:#fff;border: 1px solid #dedddd;}
.index .floor_mc{width:390px; height:240px; background-color:#003e92;}
.index .floor_mc h3 a{display:block; font-size:24px; padding-top:24px; padding-left:31px; color:#fff; font-weight:bold; line-height:24px;}
.index .floor_mc h3 span{font-size:14px; color:#fff; font-weight:normal; display:block; line-height:14px; padding-top:8px; text-transform:uppercase;}
.index .dloor_xin{margin-left:31px; margin-top:-140px;}
.index .dloor_xin img{width:330px;/* height:220px; */display:block;}
.index .dloor_xin h3{width:310px;font-size:18px;color:#333333;padding-top:36px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .dloor_xin em{display:block;font-size:14px;color:#666666;line-height:24px;padding-top: 13px;width:330px;height:74px;}
.index .dloor_xin p{width:330px;margin-top: 3px;}
.index .dloor_xin p i{width:0px; height:1px;transition: all .6s ease 0s; background-color:#003e92; display:block; margin-top:8px; float:left;}
.index .dloor_xin a:hover p i{width:62px;}
.index .dloor_xin a:hover h3{color:#003e92;}
.index .dloor_xin p span{display:block; float:right; font-size:14px; color:#999999; line-height:14px;}
.index .floor_8_1{padding-top:60px;}
.index .floor_8_y{float:right; width:790px;}
.index .floor_y_1{width:789px;height:240px;border: 1px solid #dedddd;background-color:#fff;}
.index .floor_y_t h3{display:block; font-size:24px; padding-top:24px; padding-left:31px; color:#003e92; font-weight:bold; line-height:24px; float:left;}
.index .floor_y_t h3 span{font-size:14px; color:#666; font-weight:normal; display:block; line-height:14px; padding-top:8px; text-transform:uppercase;}
.index .floor_y_t a.ag{width:15px;height:15px;background-position:0px -103px;display:block;float:right;margin-right:30px;margin-top:30px;position:relative;z-index:5;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.index .floor_y_t a.ag:hover{background-position:0px -121px;}
.index .floor_y_b{padding-top:26px; clear:left; display:block; width:789px; position:relative;}
.index .floor_y_b .hd .next{position:absolute;top:-40px;right:86px;width:7px;height:14px;background-position:-223px -147px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.index .floor_y_b .hd .prev{position:absolute;top:-40px;right:64px;width:7px;height:14px;background-position:-223px -165px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.index .floor_y_b .hd .next:hover{position:absolute; top:-40px; right:86px; width:7px; height:14px; background-position:-256px -147px;}
.index .floor_y_b .hd .prev:hover{position:absolute; top:-40px; right:64px; width:7px; height:14px; background-position:-256px -165px;}
.index .floor_y_b li{float:left; width:340px; margin:0 26px;}
.index .floor_y_b a{display:block;}
.index .floor_y_b a h3{width:340px;font-size:18px;color:#333333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .floor_y_b a em{display:block; font-size:14px; color:#999; line-height:24px; padding-top:10px; width:340px; height:64px;}
.index .floor_y_b a p{width:340px;}
.index .floor_y_b a p i{width:0px; height:1px;transition: all .6s ease 0s; background-color:#003e92; display:block; margin-top:8px; float:left;}
.index .floor_y_b a:hover p i{width:62px;}
.index .floor_y_b a:hover h3{color:#003e92;}
.index .floor_y_b a p span{display:block; float:right; font-size:14px; color:#999999; line-height:14px;}
.index .floor_y_2{width:789px;height:280px;border: 1px solid #dedddd;background-color:#fff;margin-top:25px;position:relative;}
.index .floor_y_d img.img1{position:absolute; left:164px; bottom:0;}
.index .floor_y_d a.gd{width:130px; height:40px; border:#ebebeb solid 1px; text-align:center; line-height:40px; font-size:14px; color:#666; position:absolute; left:30px; bottom:44px;}
.index .floor_y_d a.gd span{display:inline-block; width:31px; height:10px; background-position:-30px -106px; margin-left:6px;}
.index .floor_y_d a.gd:hover{background-color:#003e92; color:#fff;}
.index .floor_y_d a.gd:hover span{background-position:-30px -123px;}
.index .floor_y_d .txtScroll-top{width: 350px;position: absolute;right: 16px;top: 58px;display: inline-block;}
.index .floor_y_d .txtScroll-top .hd .next{position:absolute;top: -22px;right:86px;width:14px;height:7px;background-position:-234px -151px;z-index:111;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.index .floor_y_d .txtScroll-top .hd .prev{position:absolute;top: -22px;right:64px;width:14px;height:7px;background-position:-234px -170px;z-index:111;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.index .floor_y_d .txtScroll-top .hd .next:hover{position:absolute; top: -22px; right:86px; width:14px; height:7px; background-position:-267px -151px; z-index:111;}
.index .floor_y_d .txtScroll-top .hd .prev:hover{position:absolute; top: -22px; right:64px; width:14px; height:7px; background-position:-267px -170px; z-index:111;}
.index .floor_y_d .txtScroll-top ul{display:inline-block;}
.index .floor_y_d ul li{clear:left; display:block; margin-top:16px;}
.index .floor_y_d ul li dl{display:inline-block;}
.index .floor_y_d ul li dl dt{width:400px; height:18px;}
.index .floor_y_d ul li dl dt i{width:17px; height:17px; float:left; display:block; background:url(../images/wen.png) no-repeat;margin-top: 2px;}
.index .floor_y_d ul li dl dt span{float:left;display:block;font-size:18px;color:#333;padding-left:10px;line-height:18px;width: 328px;padding-left: 10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .floor_y_d ul li dl dd{margin-top: 6px;clear: left;display: block; height:40px;}
.index .floor_y_d ul li dl dd em{width:17px; height:17px; float:left; display:block; background:url(../images/da.png) no-repeat;margin-top: 4px;}
.index .floor_y_d ul li dl dd p{float:left; display:block; font-size:14px; color:#999;width: 322px;padding-left: 10px;line-height: 20px;}
.index .floor_y_d ul li a:hover span{color:#003e92;}
.content-main{position: relative; width: 1200px; height: 400px; margin-left: auto; margin-right: auto;}
.content-btn{position: absolute; width: 22px!important; height: 41px; z-index: 10; cursor: pointer;}
.content-btn .btn-left{opacity: 0.8; display: block; position: absolute; left:-50px;width: 22px !important; height: 41px; top: 50%;background:url(../images/left_03.png) no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.content-btn .btn-left:hover{background:url(../images/left1_03.png) no-repeat;}
.next-btn{right: 0;top: 0;}
.next-btn .btn-right{opacity: 0.8; display: block; position: absolute; right:-50px;width: 22px !important; height: 41px; top: 50%;background:url(../images/left_05.png) no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.next-btn .btn-right:hover{background:url(../images/left1_05.png) no-repeat;}
.lisp{width:1100px; height: 400px;}
.lisp li{position: absolute; left: 0; top: 0; overflow: hidden; width:291px; height:388px;box-shadow: 0px 3px 20px #e5e5e5;}
.lisp li img{background-size:100%; width:100%; height:100%;}
/*↓组图样式↓*/
.HS10, .HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
/*幻灯片区域背景*/
.MainBg{width: 920px;margin:0 auto;}
/*大图展示区域*/
.OriginalPicBorder{padding: 0;}
#OriginalPic{width: 920px;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;min-width: 100px;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;left: 0;cursor:url(../images/CurL.cur), auto;}
.CursorR{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;right:0;cursor:url(../images/CurR.cur), auto;}
/*小图预览和滑动*/
.SliderPicBorder{width: 100%;overflow:hidden;}
.ThumbPicBorder {width: 920px;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev{width:45px;height:113px;cursor:pointer;position: absolute;left: 20px;top: 20px;}
.ThumbPicBorder #btnNext{width:45px;height:113px;cursor:pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic{width: 755px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color: #ddd;margin: 0 5px;width: 135px;height: 108px;display:block;transition: all .5s;}
#ThumbPic img.active{border: 3px solid #003e92;}